<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <!-- <link rel="stylesheet" href="../js/bootstrap-3.4.1-dist/css/bootstrap.css"> -->
    <link rel="stylesheet" href="../js/layui-v2.6.8/layui/css/layui.css">
    <link rel="stylesheet" href="../css/subject management_ny.css">
    <link rel="stylesheet" href="../css/ny.css">
    <link rel="stylesheet" href="../css/add_ny.css">
    <link rel="stylesheet" href="../css/districtManagement_ny.css">
</head>
<body>
    <header class="displayFlex_left">
        <div class="header_left"></div>
        <div class="header_right">区域管理</div>
    </header>
    <main>
        <div class="contener">
            <div class="main_top displayFlex_left">
                <div class="main_top_input">
                    <input type="text" placeholder="请输入区域体名称" id = "SubjectName">
                </div>
                <div class="main_top_select">
                    显示状态：<select name="显示状态" id="selects">
                        <option value="全部主体">全部主体</option>
                        <option value="原生广场">原生广场</option>
                        <option value="土生广场">土生广场</option>
                        <option value="民生广场">民生广场</option>
                    </select>
                </div>
                <div class="btnBig " id="inquire">
                    <span class="glyphicon glyphicon-search"></span> 查询
                </div>
                <div class="btnBig bgCRreen" id = 'btnReset'>
                    <span class="glyphicon glyphicon-refresh"></span> 重置
                </div>
                <div class="btnBig main_top_btn_right bgCBlue" id = "btnAdd">
                   <span class="glyphicon glyphicon-plus"></span> 添加
                </div>
            </div>
            <div class="main_contener">
                <table>
                    <thead>
                        <tr> 
                            <th>序号</th>
                            <th>主体名称</th>
                            <th>区域名称</th>
                            <th>备注</th>
                            <th>操作</th>
                        </tr>
                    </thead>
                    <tbody>
                        <!-- <tr>
                            <td>1</td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td >
                                <div class="displayFlex_left ">
                                    <div class="btnSmall">编辑</div>
                                    <div class="btnSmall bgCRed">删除</div>
                                </div>
                            </td>
                        </tr> -->
                        
                    </tbody>
                </table>
            </div>
            <div class="displayFlex_left main_bottom">
                <div>
                    共<span id="spanSerialNumber"></span>条&nbsp;
                </div>
                <div class="btn-group" role="group" aria-label="...">
                    <button type="button" class="btn btn-default" id="lastpage">上一页</button>
                    <button type="button" class="btn btn-default" id="nextpage">下一页</button>
                </div>
                <div >
                    到第
                    <input type="text" class="bottom_input" value="1" id="inputPage">
                    页
                </div>
                <div class="bottom_btn">
                    确定
                </div>
            </div>
        </div>
    </main>
    <div class="popup" id="popup">
        <header class="displayFlex_left">
            <div class="header_left"></div>
            <div class="header_right">添加</div>
            <div class=" btnBig header_btn">返回</div>
        </header>
        <div class="popup_main">
            <form action="">
                <div class="principalName">
                    <span>*</span>选择主体:
                    <select name="显示状态" id="selects1">
                        <option value="原生广场">原生广场</option>
                        <option value="土生广场">土生广场</option>
                        <option value="民生广场">民生广场</option>
                    </select>
                </div>
                <div class="remark ">
                    <span>*</span>区域名称:<input type="text" class="inputs" id="RegionName">
                </div>
                <div class="projectIntroduction displayFlex_left">
                    <div>
                        备注:
                    </div> 
                    <div>
                        <textarea name="" id="remark" cols="30" rows="10"></textarea>
                    </div>
                </div>
                <div class="submitBtn" id="BtnSubmit">
                    提交
                </div>
            </form>
        </div>
    </div>
    <div class="popup" id="popup2">
        <header class="displayFlex_left">
            <div class="header_left"></div>
            <div class="header_right">添加</div>
            <div class=" btnBig header_btn">返回</div>
        </header>
        <div class="popup_main">
            <form action="">
                <div class="principalName">
                    <span>*</span>选择主体:
                    <select name="显示状态" id="selects2">
                        <option value="原生广场">原生广场</option>
                        <option value="土生广场">土生广场</option>
                        <option value="民生广场">民生广场</option>

                    </select>
                </div>
                <div class="remark">
                    <span>*</span>区域名称:<input type="text" class="inputs" id="RegionName2">
                </div>
                <div class="projectIntroduction displayFlex_left">
                    <div>
                        备注:
                    </div> 
                    <div>
                        <textarea name="" id="remark2" cols="30" rows="10"></textarea>
                    </div>
                </div>
                <div class="submitBtn" id="BtnSubmit2">
                    提交
                </div>
            </form>
        </div>
    </div>
    <script src="../js/JQ/jquery.js"></script>
    <!-- <script src="../js/bootstrap-3.4.1-dist/js/bootstrap.js"></script> -->
    <script src="../js/layui-v2.6.8/layui/layui.js"></script>
    <script src="../js/data/database.js"></script>
    <script src="../js/ny_js/districtManagement_ny.js"></script>

</body>
</html>